@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .form-input-focus {
        @apply focus:ring-2 focus:ring-primary/50 focus:border-primary focus:outline-none;
    }
    .btn-primary {
        @apply bg-primary hover:bg-primary/90 text-white font-medium py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98] shadow-lg hover:shadow-xl;
    }
    .card-effect {
        @apply bg-white rounded-xl shadow-lg hover:shadow-xl transition-all duration-300;
    }
}

/* 配置Tailwind自定义颜色 */
:root {
    --primary: #3B82F6;
    --secondary: #10B981;
    --neutral: #F3F4F6;
}

/* 基础样式补充 */
body {
    font-family: 'Inter', system-ui, sans-serif;
}

/* 动画效果 */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.scale-in {
    animation: scaleIn 0.3s ease-in-out;
}

@keyframes scaleIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
